<!doctype html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta name="Description" content="页面描述" />
	<meta name="Keywords" content="页面关键字" />
	<meta name="viewport" content="width=640,minimum-scale=0,maximum-scale=5,user-scalable=no">
	<script>
		if (navigator.appVersion.indexOf('Android') != -1) {
			document.addEventListener("DOMContentLoaded", function (e) {
				document.querySelector('body').style.zoom = e.target.activeElement.clientWidth / 640;
			});
		}
	</script>
	<title>我的订单</title>
	<link href="css/common.css" rel="stylesheet">
</head>
<body>
	<div class="form-detail">
		<header class="form-header tc">
			<p>当前我的消费排名超过的用户</p>
			<p class="form-heade-number">43%</p>
		</header>
		<section class="form-name bt bb m1">
			<a href="个人中心_我的订单_线上消费订单详情页面.html">
			<div class="form-name-info c">
				<div class="fl co5">订单编号：565765434534</div>
				<div class="fr co2">订单时间：2016-05-23</div>
			</div>
		<!-- 	<div class="form-name-desc">
				<img src="111" width="170" height="120" alt="" class="form-name-img" />
				<p class="form-name-text co5">百富达米全绿色优秀完百富达米全绿色优秀完优秀完</p>
				<div class="form-name-number c">
					<span class="fl">×20</span>
					<span class="co1 fr">
						<em class="co2">实付款：</em>
						￥<em class="f26">999</em>.00
					</span>
				</div>
			</div> -->
			</a>
			<div class="form-status c">
				<span class="fl">线上消费</span>
				<a href="javascript:popShow('.pop')" class="form-conf fr">确认收货</a>
				<a href="个人中心_我的订单_订单投诉.html" class="form-comp fr">投诉 </a>
			</div>
		</section>
		<section class="form-name bt bb m1">
		<a href="个人中心_我的订单_优惠买单订单详情页面.html">
			<div class="form-name-info c">
				<div class="fl co5">订单编号：565765434534</div>
				<div class="fr co2">订单时间：2016-05-23</div>
			</div>
			<div class="form-name-desc">
				<img src="111" width="170" height="120" alt="" class="form-name-img" />
				<p class="form-name-text co5" >力力渔港</p>
				<p class="co2" >提示：酒水5折优惠提示：酒水5折优惠提示：酒水5折优惠</p>
				<div class="form-name-number c">
					<span class="co1 fr">
						<em class="co2">实付款：</em>
						￥<em class="f26">999</em>.00
					</span>
				</div>
			</div>
			</a>
			<div class="form-status c">
				<span class="fl">优惠买单</span>
				<a href="个人中心_我的订单_订单投诉.html" class="form-comp fr">投诉 </a>
			</div>
		</section>
	</div>
	<section class="pop">
		<div class="pop-rule">
			<p class="pop-rule-title tc">确认收货</p>
			<ul>
				<li>感谢您使用中会分享惠</li>
				<li>中会分享惠，朋友得实惠</li>
			</ul>
		</div>
		<a href="javascript:popHide();" class="pop-dete">确定</a>
	</section>
</body>
<script src="js/zepto.min.js"></script>
<script>
	//弹窗
	function popShow(id) {
		var p = $(id);
		if (p) {
			p.show();
			p.css({
				position: 'fixed',
				top: '50%',
				left: '50%',
				marginTop: -p.height() / 2,
				marginLeft: -p.width() / 2,
				zIndex: 1000
			});
			p.attr('for', 'pop');
			$('body').append('<div for="overlay" style="width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;background:rgba(0,0,0,0.6);"></div>');
		}
	}
	function popHide(){
		$('[for="pop"]').hide();
		$('[for="overlay"]').remove();
	}
</script>
</html>